<section id="hotArticle" class="info-aside mt20">
    <h3><span>热门文章</span></h3>
    <ul class="mt10">
        <li th:each="hotNew:${hotNews}" th:object="${hotNew}">
            <a href="#" class="hot-list clearfix" th:href="@{*{'/post/view/'+id}}">
                <div class="hot-list-img">
                    <img src="http://placehold.it/75x75" th:src="${(hotNew.snapshot != null)? hotNew.snapshot.original : 'http://placehold.it/75x75'}"/>
                </div>
                <div class="hot-list-content">
                    <h4 class="hot-cont-tit" fx="limit" num="13" th:text="*{title}">索尼展示新款Project Morpheus虚拟现实头戴装置</h4>
                    <p fx="limit" num="40" th:utext="*{@previewHtmlUtils.truncateHTML(summary,40)}">索尼披露了有关Project Morpheus虚拟现实头戴装置的更多计划。该装置将于2016年上半年上市，虽然暂不知售价和捆绑细节，但是索尼全球工作室总裁Shu Yoshida为我们详细介绍了诸多改进，包括120Hz的刷新率、以及全新的“1920 x RGB x 1080O”OLED显示屏。</p>
                    <div class="hot-cont-foot">
                        <span th:inline="text"><i class="fa fa-clock-o"></i>[[*{#calendars.format(created,'yyyy-MM-dd')}]]</span>
                        <!--/*--><span th:inline="text"><i class="fa fa-heart-o"></i>[[*{hearts}]]</span><!--*/-->
                    </div>
                </div>
            </a>
        </li>
        
    </ul>
</section>